<!DOCTYPE html>
<html lang="zh-CN">
  <#include "header.html">
  <body id="nextContainer" class="content-box">
    <section class="content">
      <h4 style="margin-left: 50px;bottom: -34px;">请列举2-3个会导致此因素引发事故的原因<small>（不超过10个字）</small></h4>
      <div style="display: inline-block;position: absolute;font-size: 3em;margin-left: 15px;top: 10%;font-family: serif;color: #f77a06;font-weight: bold;font-style: italic;">2</div>
      <div class="main-box">
      	<p>如：人员操作失误、设计不合理、设备故障、管路老化、裸露的带电体、恶劣天气、失控的情绪、人员不按规定执行、贵重物品管理不善、车速过快、垫片失效、罐内压力过大、疲劳驾驶等。</p>
      	
        <div class="main-pBox">
          <input type="text"   maxlength="10" class="form-control2 form-input3" id="questionReason1" name="questionReason1" placeholder="点击在此输入原因A" value="${pzsw.questionReason1!}" required>
          <input type="text"   maxlength="10" class="form-control2 form-input3" id="questionReason2" name="questionReason2" placeholder="点击在此输入原因B" value="${pzsw.questionReason2!}" required>
          <input type="text"   maxlength="10" class="form-control2 form-input3" id="questionReason3" name="questionReason3" placeholder="点击在此输入原因C" value="${pzsw.questionReason3!}" required>
        </div>
      </div>
      </section>
    <div style="position: fixed;left: 0;width: 100%;text-align: center;bottom: 40px;"><img src="webpages/wx/pzsw/images/arrow2.png" style="width: 40px;display: inline-block;margin: auto;"></div>		
    
    <#include "footer.html">
    <script type="text/javascript">
	// 先要对监听的DOM进行一些初始化
	var hammer = new Hammer(document.getElementById("nextContainer"));
	hammer.get('swipe').set({direction:Hammer.DIRECTION_ALL});
	// 然后加入相应的回调函数即可
	hammer.on('swipeup',swipeEvent);
	hammer.on('swipedown',swipeEvent);
	
	function swipeEvent(evt) {
		if(evt.type=='swipedown') {
			window.location.href='pzsw.action?page=content2-1&back=1';
		} else if(evt.type=='swipeup') {
			if($.trim($('#questionReason1').val())=='') {
				alert('请输入原因A');
				return ;
			}
			if($.trim($('#questionReason2').val())=='') {
				alert('请输入原因B');
				return ;
			}
			if($.trim($('#questionReason3').val())=='') {
				alert('请输入原因C');
				return ;
			}
			var questionReason1 = $('#questionReason1').val();
			var questionReason2 = $('#questionReason2').val();
			var questionReason3 = $('#questionReason3').val();
			
			window.location.href='pzsw.action?page=content2-3-1&questionReason1='+questionReason1+'&questionReason2='+questionReason2+'&questionReason3='+questionReason3;
// 			window.location.href='pzsw.action?page=content2-3-1';
		}
		
	}
	</script>
  </body>
</html>